{"version":3,"file":"static/chunks/pages/exchange/limit-order/[[...tokens]]-2ff147064986e9d6.js","mappings":"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","sources":["webpack://_N_E/./src/components/AddressInputPanel/index.tsx","webpack://_N_E/./src/components/Gas/index.tsx","webpack://_N_E/./src/features/legacy/limit-order/MyOrders.tsx","webpack://_N_E/./src/features/trade/Header.tsx","webpack://_N_E/./src/modals/TokenWarningModal/index.tsx","webpack://_N_E/./src/features/legacy/limit-order/BalancePanel.tsx","webpack://_N_E/./src/features/legacy/limit-order/CurrencyInput.tsx","webpack://_N_E/./src/features/legacy/limit-order/CurrencyInputPanel.tsx","webpack://_N_E/./src/features/legacy/limit-order/CurrencySelect.tsx","webpack://_N_E/./src/components/ExpertModePanel/index.tsx","webpack://_N_E/./src/features/legacy/limit-order/LimitPriceInputPanel.tsx","webpack://_N_E/./src/components/Select/index.tsx","webpack://_N_E/./src/features/legacy/limit-order/OrderExpirationDropdown.tsx","webpack://_N_E/./src/features/legacy/limit-order/PayFromToggle.tsx","webpack://_N_E/./src/features/legacy/limit-order/PriceRatio.tsx","webpack://_N_E/./src/pages/exchange/limit-order/[[...tokens]].tsx","webpack://_N_E/?563e"],"sourcesContent":["import React, { FC, useCallback } from 'react'\n\nimport Input from '../Input'\nimport { t } from '@lingui/macro'\nimport useENS from '../../hooks/useENS'\nimport { useLingui } from '@lingui/react'\n\ninterface AddressInputPanelProps {\n  id?: string\n  value: string\n  onChange: (value: string) => void\n}\n\nconst AddressInputPanel: FC<AddressInputPanelProps> = ({ id, value, onChange }) => {\n  const { i18n } = useLingui()\n  const { address, loading } = useENS(value)\n\n  const handleInput = useCallback(\n    (event) => {\n      const input = event.target.value\n      const withoutSpaces = input.replace(/\\s+/g, '')\n      onChange(withoutSpaces)\n    },\n    [onChange]\n  )\n\n  const error = Boolean(value.length > 0 && !loading && !address)\n\n  return (\n    <div\n      className={`flex flex-row bg-dark-800 rounded items-center h-[68px] ${\n        error ? 'border border-red border-opacity-50' : ''\n      }`}\n      id={id}\n    >\n      <div className=\"flex justify-between w-full px-5 sm:w-2/5\">\n        <span className=\"text-[18px] text-primary\">{i18n._(t`Send to:`)}</span>\n        <span className=\"text-sm underline cursor-pointer text-blue\" onClick={() => onChange(null)}>\n          {i18n._(t`Remove`)}\n        </span>\n      </div>\n      <div className=\"flex w-full h-full border-2 rounded-r sm:w-3/5 border-dark-800\">\n        <Input.Address onUserInput={handleInput} value={value} />\n      </div>\n    </div>\n  )\n}\n\nexport default AddressInputPanel\n","import useSWR, { SWRResponse } from 'swr'\n\nimport React from 'react'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\n\nfunction Gas() {\n  const { i18n } = useLingui()\n  const { data, error }: SWRResponse<{ average: number }, Error> = useSWR(\n    'https://ethgasstation.info/api/ethgasAPI.json?',\n    (url) => fetch(url).then((r) => r.json())\n  )\n\n  if (error) return <div>{i18n._(t`failed to load`)}</div>\n  if (!data) return <div>{i18n._(t`loading...`)}</div>\n\n  return <div>{data.average / 10}</div>\n}\n\nexport default Gas\n","import React, { FC } from 'react'\n\nimport Badge from '../../../components/Badge'\nimport { ClipboardListIcon } from '@heroicons/react/outline'\nimport NavLink from '../../../components/NavLink'\nimport { t } from '@lingui/macro'\nimport useLimitOrders from '../../../hooks/useLimitOrders'\nimport { useLingui } from '@lingui/react'\n\nconst MyOrders: FC = () => {\n  const { i18n } = useLingui()\n  const { pending } = useLimitOrders()\n\n  return (\n    <NavLink href=\"/open-order\">\n      <a className=\"text-secondary hover:text-high-emphesis\">\n        <div className=\"md:flex hidden gap-3 items-center\">\n          <div>{i18n._(t`My Orders`)}</div>\n          <Badge color=\"blue\">{pending.totalOrders}</Badge>\n        </div>\n        <div className=\"flex md:hidden text-primary\">\n          <ClipboardListIcon className=\"w-[26px] h-[26px]\" />\n        </div>\n      </a>\n    </NavLink>\n  )\n}\n\nexport default MyOrders\n","import { ChainId, Currency, Percent } from '@sushiswap/core-sdk'\nimport React, { FC, useState } from 'react'\n\nimport Gas from '../../components/Gas'\nimport MyOrders from '../legacy/limit-order/MyOrders'\nimport NavLink from '../../components/NavLink'\nimport Settings from '../../components/Settings'\nimport { currencyId } from '../../functions'\nimport { t } from '@lingui/macro'\nimport { useActiveWeb3React } from '../../services/web3'\nimport { useLingui } from '@lingui/react'\nimport { useRouter } from 'next/router'\n\nconst getQuery = (input, output) => {\n  if (!input && !output) return\n\n  if (input && !output) {\n    return { inputCurrency: input.address || 'ETH' }\n  } else if (input && output) {\n    return { inputCurrency: input.address, outputCurrency: output.address }\n  }\n}\n\ninterface ExchangeHeaderProps {\n  input?: Currency\n  output?: Currency\n  allowedSlippage?: Percent\n}\n\nconst ExchangeHeader: FC<ExchangeHeaderProps> = ({ input, output, allowedSlippage }) => {\n  const { i18n } = useLingui()\n  const { chainId } = useActiveWeb3React()\n  const router = useRouter()\n  const [animateWallet, setAnimateWallet] = useState(false)\n  const isRemove = router.asPath.startsWith('/remove')\n  const isLimitOrder = router.asPath.startsWith('/limit-order')\n\n  return (\n    <div className=\"flex items-center justify-between mb-4 space-x-3\">\n      <div className=\"grid grid-cols-3 rounded p-3px bg-dark-800 h-[46px]\">\n        <NavLink\n          activeClassName=\"font-bold border rounded text-high-emphesis border-dark-800 bg-gradient-to-r from-opaque-blue to-opaque-pink hover:from-blue hover:to-pink\"\n          href={{\n            pathname: '/swap',\n            query: getQuery(input, output),\n          }}\n        >\n          <a className=\"flex items-center justify-center px-4 text-base font-medium text-center rounded-md text-secondary hover:text-high-emphesis \">\n            {i18n._(t`Swap`)}\n          </a>\n        </NavLink>\n        <NavLink\n          activeClassName=\"font-bold border rounded text-high-emphesis border-dark-800 bg-gradient-to-r from-opaque-blue to-opaque-pink hover:from-blue hover:to-pink\"\n          href={{\n            pathname: '/limit-order',\n            query: getQuery(input, output),\n          }}\n        >\n          <a className=\"flex items-center justify-center px-4 text-base font-medium text-center rounded-md text-secondary hover:text-high-emphesis\">\n            {i18n._(t`Limit`)}\n          </a>\n        </NavLink>\n        <NavLink\n          activeClassName=\"font-bold border rounded text-high-emphesis border-dark-800 bg-gradient-to-r from-opaque-blue to-opaque-pink hover:from-blue hover:to-pink\"\n          href={`/${!isRemove ? 'add' : 'remove'}${input ? `/${currencyId(input)}` : ''}${\n            output ? `/${currencyId(output)}` : ''\n          }`}\n        >\n          <a className=\"flex items-center justify-center px-4 text-base font-medium text-center rounded-md text-secondary hover:text-high-emphesis\">\n            {i18n._(t`Liquidity`)}\n          </a>\n        </NavLink>\n      </div>\n      <div className=\"flex items-center\">\n        <div className=\"grid grid-flow-col gap-1\">\n          {isLimitOrder && (\n            <div className=\"items-center h-full w-full cursor-pointer hover:bg-dark-800 rounded px-3 py-1.5\">\n              <MyOrders />\n            </div>\n          )}\n          {chainId === ChainId.ETHEREUM && (\n            <div className=\"items-center hidden w-full h-full px-3 space-x-3 rounded cursor-pointer text-green text-opacity-80 hover:text-opacity-100 md:flex hover:bg-dark-800\">\n              <svg width=\"18\" height=\"20\" viewBox=\"0 0 18 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path\n                  d=\"M13.5215 0.618164L12.6818 1.57302L15.933 4.37393V13.2435C15.9114 13.6891 15.5239 14.0498 15.0502 14.0286C14.6196 14.0074 14.2751 13.6679 14.2536 13.2435V7.28093C14.2536 6.21998 13.3923 5.37122 12.3158 5.37122H11.8421V2.67641C11.8421 1.61546 10.9808 0.766697 9.90428 0.766697H1.93779C0.861242 0.766697 0 1.61546 0 2.67641V18.4421C0 18.9089 0.387559 19.2909 0.861242 19.2909H10.9808C11.4545 19.2909 11.8421 18.9089 11.8421 18.4421V6.64436H12.3158C12.6818 6.64436 12.9617 6.92021 12.9617 7.28093V13.2435C13.0048 14.4105 13.9737 15.3017 15.1579 15.2805C16.2775 15.2381 17.1818 14.3469 17.2248 13.2435V3.80102L13.5215 0.618164ZM9.66744 8.89358H2.17464V3.10079H9.66744V8.89358Z\"\n                  fill=\"#7CFF6B\"\n                />\n              </svg>\n\n              <div className=\"hidden md:block text-baseline\">\n                <Gas />\n              </div>\n            </div>\n          )}\n          <div className=\"relative flex items-center w-full h-full rounded hover:bg-dark-800\">\n            <Settings placeholderSlippage={allowedSlippage} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ExchangeHeader\n","import React, { useCallback } from 'react'\n\nimport { ImportToken } from '../SearchModal/ImportToken'\nimport Modal from '../../components/Modal'\nimport { Token } from '@sushiswap/core-sdk'\n\nexport default function TokenWarningModal({\n  isOpen,\n  tokens,\n  onConfirm,\n}: {\n  isOpen: boolean\n  tokens: Token[]\n  onConfirm: () => void\n}) {\n  const handleDismiss = useCallback(() => null, [])\n\n  return (\n    <Modal isOpen={isOpen} onDismiss={handleDismiss} maxHeight={90}>\n      <ImportToken tokens={tokens} handleCurrencySelect={onConfirm} />\n    </Modal>\n  )\n}\n","import React, { FC, useCallback } from 'react'\nimport { useDerivedLimitOrderInfo, useLimitOrderActionHandlers } from '../../../state/limit-order/hooks'\n\nimport { AppDispatch } from '../../../state'\nimport { Field } from '../../../state/swap/actions'\nimport Typography from '../../../components/Typography'\nimport { maxAmountSpend } from '../../../functions'\nimport { setFromBentoBalance } from '../../../state/limit-order/actions'\nimport { t } from '@lingui/macro'\nimport { useDispatch } from 'react-redux'\nimport { useLingui } from '@lingui/react'\n\nconst BalancePanel: FC = () => {\n  const { i18n } = useLingui()\n  const { walletBalances, bentoboxBalances, currencies } = useDerivedLimitOrderInfo()\n  const { onUserInput } = useLimitOrderActionHandlers()\n  const maxAmountInput = maxAmountSpend(walletBalances[Field.INPUT])\n  const dispatch = useDispatch<AppDispatch>()\n\n  const handleMaxInput = useCallback(\n    (bento) => {\n      if (bento) {\n        onUserInput(Field.INPUT, bentoboxBalances[Field.INPUT].toExact())\n        dispatch(setFromBentoBalance(true))\n      } else {\n        maxAmountInput && onUserInput(Field.INPUT, maxAmountInput.toExact())\n        dispatch(setFromBentoBalance(false))\n      }\n    },\n    [bentoboxBalances, dispatch, maxAmountInput, onUserInput]\n  )\n\n  return (\n    <div className=\"grid grid-cols-2 bg-dark-700 rounded-b px-5 py-1\">\n      <div className=\"flex gap-2\">\n        <Typography variant=\"sm\" weight={700}>\n          {i18n._(t`In Bento:`)}\n        </Typography>\n        <Typography variant=\"sm\" className=\"text-secondary\" onClick={() => handleMaxInput(true)}>\n          {bentoboxBalances[Field.INPUT]?.toSignificant(6, { groupSeparator: ',' })} {currencies[Field.INPUT]?.symbol}\n        </Typography>\n      </div>\n      <div className=\"flex gap-2\">\n        <Typography variant=\"sm\" weight={700}>\n          {i18n._(t`In Wallet:`)}\n        </Typography>\n        <Typography variant=\"sm\" className=\"text-secondary\" onClick={() => handleMaxInput(false)}>\n          {walletBalances[Field.INPUT]?.toSignificant(6, { groupSeparator: ',' })} {currencies[Field.INPUT]?.symbol}\n        </Typography>\n      </div>\n    </div>\n  )\n}\n\nexport default BalancePanel\n","import React, { FC, ReactNode } from 'react'\n\nimport Button from '../../../components/Button'\nimport Input from '../../../components/Input'\nimport { classNames } from '../../../functions'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\n\ninterface CurrencyInputProps {\n  id: string\n  error?: string\n  showMaxButton: boolean\n  onMax?: () => void\n  onUserInput: (x: string) => void\n  value: string\n  endAdornment?: ReactNode\n}\n\nconst CurrencyInput: FC<CurrencyInputProps> = ({\n  id,\n  error,\n  showMaxButton,\n  onUserInput,\n  onMax,\n  value,\n  endAdornment,\n}) => {\n  const { i18n } = useLingui()\n\n  return (\n    <div\n      className={classNames(\n        error ? 'border-red border-opacity-40 hover:border-opacity-100' : 'border-transparent',\n        'border flex items-center w-full space-x-3 rounded bg-dark-900 focus:bg-dark-700 p-3 sm:w-3/5'\n      )}\n    >\n      <>\n        {showMaxButton && (\n          <Button\n            onClick={onMax}\n            size=\"xs\"\n            className=\"text-xs font-medium bg-transparent border rounded-full hover:bg-primary border-low-emphesis text-secondary whitespace-nowrap\"\n          >\n            {i18n._(t`Max`)}\n          </Button>\n        )}\n        <Input.Numeric\n          id={id}\n          value={value}\n          onUserInput={(val) => {\n            onUserInput(val)\n          }}\n        />\n        {endAdornment && endAdornment}\n      </>\n    </div>\n  )\n}\n\nexport default CurrencyInput\n","import React, { ReactNode } from 'react'\n\nimport { ExclamationIcon } from '@heroicons/react/solid'\nimport { classNames } from '../../../functions'\n\ninterface CurrencyInputPanelProps {\n  id: string\n  error?: string\n  className?: string\n  topAdornment?: ReactNode\n  bottomAdornment?: ReactNode\n  selectComponent?: ReactNode\n  inputComponent?: ReactNode\n}\n\nexport default function CurrencyInputPanel({\n  id,\n  error = '',\n  className = '',\n  topAdornment = null,\n  bottomAdornment = null,\n  selectComponent = null,\n  inputComponent = null,\n}: CurrencyInputPanelProps) {\n  return (\n    <div id={id}>\n      {topAdornment && topAdornment}\n      <div\n        className={classNames(\n          'p-5 bg-dark-800 flex flex-col justify-between space-y-3 sm:space-y-0 sm:flex-row',\n          className\n        )}\n      >\n        <div className={classNames('w-full', inputComponent ? 'sm:w-2/5' : '')}>{selectComponent}</div>\n        {inputComponent && inputComponent}\n      </div>\n      {bottomAdornment && bottomAdornment}\n\n      {error && (\n        <div className=\"p-3 flex justify-center items-center gap-2\">\n          <span className=\"text-red flex items-center\">\n            <ExclamationIcon width={20} height={20} />\n          </span>\n          <span className=\"text-high-emphesis font-bold text-sm\">{error}</span>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React, { FC, useCallback, useState } from 'react'\n\nimport { ChevronDownIcon } from '@heroicons/react/solid'\nimport { Currency } from '@sushiswap/core-sdk'\nimport CurrencyLogo from '../../../components/CurrencyLogo'\nimport CurrencySearchModal from '../../../modals/SearchModal/CurrencySearchModal'\nimport Lottie from 'lottie-react'\nimport { classNames } from '../../../functions'\nimport selectCoinAnimation from '../../../animation/select-coin.json'\nimport { t } from '@lingui/macro'\nimport { useLingui } from '@lingui/react'\n\ninterface CurrencySelectProps {\n  currency: Currency\n  otherCurrency: Currency\n  showCommonBases?: boolean\n  onSelect: (x: Currency) => void\n  disabled?: boolean\n  label: string\n  currencyList?: string[]\n  includeNativeCurrency?: boolean\n  allowManageTokenList?: boolean\n}\n\nconst CurrencySelect: FC<CurrencySelectProps> = ({\n  currency,\n  otherCurrency,\n  showCommonBases,\n  onSelect,\n  label,\n  currencyList,\n  disabled = false,\n  includeNativeCurrency = true,\n  allowManageTokenList = true,\n}) => {\n  const { i18n } = useLingui()\n  const [modalOpen, setModalOpen] = useState(false)\n\n  const handleClick = useCallback(() => {\n    if (onSelect) setModalOpen(true)\n  }, [onSelect])\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className={classNames(\n          !!currency ? 'text-primary' : 'text-high-emphesis',\n          'open-currency-select-button h-full outline-none select-none cursor-pointer border-none text-xl font-medium items-center'\n        )}\n        onClick={handleClick}\n      >\n        <div className=\"flex\">\n          {currency ? (\n            <div className=\"flex items-center\">\n              <CurrencyLogo currency={currency} size={'54px'} />\n            </div>\n          ) : (\n            <div className=\"rounded bg-dark-700\" style={{ maxWidth: 54, maxHeight: 54 }}>\n              <div style={{ width: 54, height: 54 }}>\n                <Lottie animationData={selectCoinAnimation} autoplay loop />\n              </div>\n            </div>\n          )}\n          <div className=\"flex flex-1 flex-col items-start justify-center mx-3.5\">\n            {label && <div className=\"text-xs font-medium text-secondary whitespace-nowrap\">{label}</div>}\n            <div className=\"flex items-center\">\n              <div className=\"text-lg font-bold token-symbol-container md:text-2xl\">\n                {(currency && currency.symbol && currency.symbol.length > 20\n                  ? currency.symbol.slice(0, 4) +\n                    '...' +\n                    currency.symbol.slice(currency.symbol.length - 5, currency.symbol.length)\n                  : currency?.symbol) || (\n                  <div className=\"px-2 py-1 mt-1 text-xs font-medium bg-transparent border rounded-full hover:bg-primary border-low-emphesis text-secondary whitespace-nowrap \">\n                    {i18n._(t`Select a token`)}\n                  </div>\n                )}\n              </div>\n\n              {!disabled && currency && <ChevronDownIcon width={16} height={16} className=\"ml-2 stroke-current\" />}\n            </div>\n          </div>\n        </div>\n      </button>\n      {!disabled && onSelect && (\n        <CurrencySearchModal\n          isOpen={modalOpen}\n          onDismiss={() => setModalOpen(false)}\n          onCurrencySelect={onSelect}\n          selectedCurrency={currency}\n          otherSelectedCurrency={otherCurrency}\n          showCommonBases={showCommonBases}\n          currencyList={currencyList}\n          includeNativeCurrency={includeNativeCurrency}\n          allowManageTokenList={allowManageTokenList}\n        />\n      )}\n    </>\n  )\n}\n\nexport default CurrencySelect\n","import { FC } from 'react'\nimport { useLingui } from '@lingui/react'\nimport { t } from '@lingui/macro'\nimport { XCircleIcon } from '@heroicons/react/outline'\n\ninterface ExpertModePanelProps {\n  active: boolean\n  onClose: () => void\n}\n\nconst ExpertModePanel: FC<ExpertModePanelProps> = ({ active, children, onClose }) => {\n  const { i18n } = useLingui()\n  if (!active) return <>{children}</>\n\n  return (\n    <div className=\"\">\n      <div className=\"h-[34px] flex justify-end\">\n        <div className=\"bg-dark-800 rounded-tr rounded-tl-full gap-6 flex items-center -mb-2 relative justify-between pr-3 pl-8\">\n          <span className=\"font-bold uppercase tracking-widest text-sm mb-1\">{i18n._(t`Expert Mode`)}</span>\n          <div onClick={onClose} className=\"cursor-pointer mb-1\">\n            <XCircleIcon width={20} height={20} className=\"hover:text-high-emphesis\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"border border-[2px] border-gray-800 rounded bg-dark-900\">{children}</div>\n    </div>\n  )\n}\n\nexport default ExpertModePanel\n","import { Field, setLimitPrice } from '../../../state/limit-order/actions'\nimport React, { FC, useCallback } from 'react'\nimport { useDerivedLimitOrderInfo, useLimitOrderState } from '../../../state/limit-order/hooks'\n\nimport { AppDispatch } from '../../../state'\nimport Input from '../../../components/Input'\nimport { t } from '@lingui/macro'\nimport { useDispatch } from 'react-redux'\nimport { useLingui } from '@lingui/react'\n\ninterface LimitPriceInputPanelProps {\n  onBlur: (value: string) => void\n}\n\nconst LimitPriceInputPanel: FC<LimitPriceInputPanelProps> = ({ onBlur }) => {\n  const dispatch = useDispatch<AppDispatch>()\n  const { limitPrice } = useLimitOrderState()\n  const { currencies, currentPrice } = useDerivedLimitOrderInfo()\n  const { i18n } = useLingui()\n  const handleInput = useCallback(\n    (value) => {\n      dispatch(setLimitPrice(value))\n      onBlur(value)\n    },\n    [dispatch, onBlur]\n  )\n\n  const disabled = !currencies[Field.INPUT] || !currencies[Field.OUTPUT]\n\n  return (\n    <div\n      className={`flex-col md:flex-row flex bg-dark-800 w-full rounded overflow-hidden h-[110px] md:h-[68px] ${\n        disabled ? 'opacity-40 cursor-default' : ''\n      }`}\n    >\n      <div className=\"flex w-full md:w-[220px] p-4 gap-4 items-center\">\n        <span className=\"font-bold text-secondary\">{i18n._(t`Rate`)}:</span>\n        <span\n          className={`uppercase border border-blue bg-blue text-blue bg-opacity-30 border-opacity-50 py-0.5 px-1.5 text-xs rounded-3xl flex items-center justify-center ${\n            !disabled ? 'cursor-pointer hover:border-opacity-100' : ''\n          }`}\n          onClick={() => handleInput(currentPrice?.toSignificant(6))}\n        >\n          {i18n._(t`Current`)}\n        </span>\n      </div>\n      <div className=\"flex items-center w-full h-full gap-3 pl-4 pr-5 border-2 rounded bg-dark-900 border-dark-800 md:rounded-r\">\n        <Input.Numeric\n          disabled={disabled}\n          className=\"w-full text-2xl font-medium bg-transparent\"\n          placeholder={currentPrice ? currentPrice.toSignificant(6) : '0.0'}\n          id=\"limit-price-input\"\n          value={limitPrice || ''}\n          onUserInput={handleInput}\n          onBlur={() => onBlur(limitPrice)}\n        />\n        <div className=\"text-xs text-secondary whitespace-nowrap\">\n          {currencies.OUTPUT?.symbol} per {currencies.INPUT?.symbol}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default LimitPriceInputPanel\n","import React, { FC, MouseEvent, useRef } from 'react'\nimport { ChevronDownIcon } from '@heroicons/react/outline'\nimport useToggle from '../../hooks/useToggle'\nimport { useOnClickOutside } from '../../hooks/useOnClickOutside'\n\ninterface NeonSelectProps {\n  value\n  children: React.ReactElement<NeonSelectItemProps> | React.ReactElement<NeonSelectItemProps>[]\n}\n\nconst NeonSelect: FC<NeonSelectProps> = ({ value, children }) => {\n  const [open, toggle] = useToggle(false)\n  const node = useRef<HTMLDivElement>()\n  useOnClickOutside(node, open ? toggle : undefined)\n\n  return (\n    <div className=\"relative\" ref={node} onClick={toggle}>\n      <div className=\"shadow-md z-[2] relative flex border border-dark-800 bg-dark-900 h-[38px] rounded-md divide-x divide-dark-800\">\n        <div className=\"text-sm text-primary flex items-center pl-3 min-w-[80px] font-medium\">{value}</div>\n        <div className=\"flex items-center justify-center w-9 font-bold text-primary\">\n          <ChevronDownIcon width={16} height={16} strokeWidth={2} />\n        </div>\n      </div>\n      <div\n        className={`z-[1] shadow-lg w-full absolute top-0 pt-10 py-1.5 ${\n          open ? 'flex flex-col' : 'hidden'\n        } bg-dark-800 rounded`}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\ninterface NeonSelectItemProps {\n  onClick: (e: MouseEvent<HTMLDivElement>, idx: number | string) => void\n  value: number | string\n}\n\nexport const NeonSelectItem: FC<NeonSelectItemProps> = ({ onClick, value, children }) => {\n  return (\n    <div\n      onClick={(e) => onClick(e, value)}\n      className=\"text-primary flex w-full cursor-pointer hover:text-white px-3 py-1.5 text-md\"\n    >\n      {children}\n    </div>\n  )\n}\n\nexport default NeonSelect\n","import { FC, useCallback } from 'react'\nimport NeonSelect, { NeonSelectItem } from '../../../components/Select'\n\nimport { AppDispatch } from '../../../state'\nimport { OrderExpiration } from '../../../state/limit-order/reducer'\nimport QuestionHelper from '../../../components/QuestionHelper'\nimport { setOrderExpiration } from '../../../state/limit-order/actions'\nimport { t } from '@lingui/macro'\nimport { useDispatch } from 'react-redux'\nimport { useLimitOrderState } from '../../../state/limit-order/hooks'\nimport { useLingui } from '@lingui/react'\n\nconst OrderExpirationDropdown: FC = () => {\n  const { i18n } = useLingui()\n  const dispatch = useDispatch<AppDispatch>()\n  const { orderExpiration } = useLimitOrderState()\n  const items = {\n    [OrderExpiration.never]: i18n._(t`Never`),\n    [OrderExpiration.hour]: i18n._(t`1 Hour`),\n    [OrderExpiration.day]: i18n._(t`24 Hours`),\n    [OrderExpiration.week]: i18n._(t`1 Week`),\n    [OrderExpiration.month]: i18n._(t`30 Days`),\n  }\n\n  const handler = useCallback(\n    (e, item) => {\n      dispatch(\n        setOrderExpiration({\n          label: items[item],\n          value: item,\n        })\n      )\n    },\n    [dispatch, items]\n  )\n\n  return (\n    <>\n      <div className=\"flex items-center text-secondary gap-3 cursor-pointer\">\n        <div className=\"flex flex-row items-center\">\n          <span className=\"text-sm\">{i18n._(t`Order Expiration`)}:</span>\n          <QuestionHelper text={i18n._(t`Expiration is the time at which the order will become invalid`)} />\n        </div>\n        <NeonSelect value={orderExpiration.label}>\n          {Object.entries(items).map(([k, v]) => (\n            <NeonSelectItem key={k} value={k} onClick={handler}>\n              {v}\n            </NeonSelectItem>\n          ))}\n        </NeonSelect>\n      </div>\n    </>\n  )\n}\n\nexport default OrderExpirationDropdown\n","import React, { FC, useState } from 'react'\n\nimport { AppDispatch } from '../../../state'\nimport { Switch } from '@headlessui/react'\nimport Typography from '../../../components/Typography'\nimport { setFromBentoBalance } from '../../../state/limit-order/actions'\nimport { t } from '@lingui/macro'\nimport { useDispatch } from 'react-redux'\nimport { useLimitOrderState } from '../../../state/limit-order/hooks'\nimport { useLingui } from '@lingui/react'\n\nconst PayFromToggle: FC = () => {\n  const { i18n } = useLingui()\n  const { fromBentoBalance } = useLimitOrderState()\n  const dispatch = useDispatch<AppDispatch>()\n\n  const handleChange = (checked: boolean) => {\n    dispatch(setFromBentoBalance(!checked))\n  }\n\n  return (\n    <div className=\"px-5 py-2 pt-0 flex gap-2\">\n      <Typography variant=\"sm\" weight={700}>\n        {i18n._(t`Pay from:`)}\n      </Typography>\n      <Switch.Group>\n        <div className=\"flex items-center\">\n          <Switch.Label className=\"mr-2\">\n            <Typography variant=\"sm\" className={fromBentoBalance ? 'text-primary' : 'text-secondary'}>\n              BentoBox\n            </Typography>\n          </Switch.Label>\n          <Switch\n            checked={!fromBentoBalance}\n            onChange={handleChange}\n            className=\"bg-gray-600 relative inline-flex items-center h-3 rounded-full w-9 transition-colors\"\n          >\n            <span\n              className={`${\n                !fromBentoBalance ? 'translate-x-5' : ''\n              } inline-block w-4 h-4 transform bg-white rounded-full transition-transform`}\n            />\n          </Switch>\n          <Switch.Label className=\"ml-2\">\n            <Typography variant=\"sm\" className={!fromBentoBalance ? 'text-primary' : 'text-low-emphesis'}>\n              {i18n._(t`Wallet`)}\n            </Typography>\n          </Switch.Label>\n        </div>\n      </Switch.Group>\n    </div>\n  )\n}\n\nexport default PayFromToggle\n","import { Currency, Price } from '@sushiswap/core-sdk'\nimport { FC, useState } from 'react'\nimport { useDerivedLimitOrderInfo, useLimitOrderState } from '../../../state/limit-order/hooks'\n\nimport { Field } from '../../../state/limit-order/actions'\n\nconst PriceRatio: FC = () => {\n  const { currencies, currentPrice, parsedAmounts } = useDerivedLimitOrderInfo()\n  const [inverted, setInverted] = useState(false)\n\n  const price =\n    parsedAmounts[Field.INPUT] && parsedAmounts[Field.OUTPUT]\n      ? new Price<Currency, Currency>({\n          baseAmount: parsedAmounts[Field.INPUT],\n          quoteAmount: parsedAmounts[Field.OUTPUT],\n        })\n      : currentPrice\n\n  return (\n    <div className=\"flex flex-row font-bold text-sm \">\n      <div className=\"flex divide-x divide-dark-800 hover:divide-dark-700 cursor-pointer rounded border border-dark-800 hover:border-dark-700\">\n        <div className=\"py-2 px-4\">\n          <span className=\"whitespace-nowrap\">\n            1 {inverted ? currencies.OUTPUT?.symbol : currencies.INPUT?.symbol} ={' '}\n            {inverted ? price?.invert().toSignificant(6) : price?.toSignificant(6)}{' '}\n            {inverted ? currencies.INPUT?.symbol : currencies.OUTPUT?.symbol}\n          </span>\n        </div>\n        <div\n          className=\"py-2 w-9 flex items-center justify-center cursor-pointer text-secondary\"\n          onClick={() => setInverted((prevState) => !prevState)}\n        >\n          <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M3.02785 4.15497C2.89623 4.2868 2.6816 4.2868 2.54999 4.15497L0.641292 2.24649C0.57538 2.18037 0.57538 2.07347 0.641292 2.00735L2.54999 0.0988676C2.6816 -0.0329559 2.89623 -0.0329559 3.02785 0.0988676L3.46493 0.535955C3.59676 0.667567 3.59676 0.882203 3.46493 1.01382L3.02785 1.4509H9.04208C10.3468 1.4509 11.4081 2.51225 11.4081 3.81697C11.4081 4.09646 11.1806 4.32398 10.9011 4.32398H10.5631C10.2836 4.32398 10.0561 4.09646 10.0561 3.81697C10.0561 3.25777 9.60127 2.80294 9.04208 2.80294H3.02785L3.46493 3.24003C3.59676 3.37164 3.59676 3.58627 3.46493 3.71789L3.02785 4.15497ZM8.97215 5.84502C9.10398 5.71319 9.3184 5.71319 9.45001 5.84502L11.3587 7.7535C11.4246 7.81962 11.4246 7.92652 11.3587 7.99264L9.45001 9.90112C9.31819 10.0329 9.104 10.033 8.97215 9.90112L8.53507 9.46404C8.40278 9.33175 8.40299 9.11825 8.53507 8.98618L8.97215 8.54909H2.95792C1.65321 8.54909 0.591858 7.48774 0.591858 6.18303C0.591858 5.90354 0.81938 5.67601 1.09887 5.67601H1.43688C1.71637 5.67601 1.94389 5.90354 1.94389 6.18303C1.94389 6.74222 2.39873 7.19705 2.95792 7.19705H8.97215L8.53507 6.75997C8.40278 6.62768 8.40299 6.41418 8.53507 6.28211L8.97215 5.84502Z\"\n              fill=\"#BFBFBF\"\n            />\n          </svg>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default PriceRatio\n","import { ChainId, Token } from '@sushiswap/core-sdk'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { formatPercent, maxAmountSpend, tryParseAmount } from '../../../functions'\nimport { useAllTokens, useCurrency } from '../../../hooks/Tokens'\nimport {\n  useDefaultsFromURLSearch,\n  useDerivedLimitOrderInfo,\n  useLimitOrderActionHandlers,\n  useLimitOrderState,\n} from '../../../state/limit-order/hooks'\n\nimport AddressInputPanel from '../../../components/AddressInputPanel'\nimport Alert from '../../../components/Alert'\nimport { ArrowDownIcon } from '@heroicons/react/outline'\nimport BalancePanel from '../../../features/legacy/limit-order/BalancePanel'\nimport Button from '../../../components/Button'\nimport Container from '../../../components/Container'\nimport CurrencyInput from '../../../features/legacy/limit-order/CurrencyInput'\nimport CurrencyInputPanel from '../../../features/legacy/limit-order/CurrencyInputPanel'\nimport CurrencySelect from '../../../features/legacy/limit-order/CurrencySelect'\nimport DoubleGlowShadow from '../../../components/DoubleGlowShadow'\nimport ExchangeHeader from '../../../features/trade/Header'\nimport { ExclamationIcon } from '@heroicons/react/solid'\nimport ExpertModePanel from '../../../components/ExpertModePanel'\nimport { Field } from '../../../state/swap/actions'\nimport Head from 'next/head'\nimport LimitOrderButton from '../../../features/legacy/limit-order/LimitOrderButton'\nimport LimitPriceInputPanel from '../../../features/legacy/limit-order/LimitPriceInputPanel'\nimport Lottie from 'lottie-react'\nimport NetworkGuard from '../../../guards/Network'\nimport OrderExpirationDropdown from '../../../features/legacy/limit-order/OrderExpirationDropdown'\nimport PayFromToggle from '../../../features/legacy/limit-order/PayFromToggle'\nimport PriceRatio from '../../../features/legacy/limit-order/PriceRatio'\nimport TokenWarningModal from '../../../modals/TokenWarningModal'\nimport Typography from '../../../components/Typography'\nimport limitOrderPairList from '@sushiswap/limit-order-pair-list/dist/limit-order.pairlist.json'\nimport swapArrowsAnimationData from '../../../animation/swap-arrows.json'\nimport { t } from '@lingui/macro'\nimport { useActiveWeb3React } from '../../../services/web3'\nimport { useExpertModeManager } from '../../../state/user/hooks'\nimport { useLingui } from '@lingui/react'\n\nconst areEqual = (first, second) => {\n  if (first.length !== second.length) {\n    return false\n  }\n  for (let i = 0; i < first.length; i++) {\n    if (!second.includes(first[i])) {\n      return false\n    }\n  }\n  return true\n}\n\nfunction LimitOrder() {\n  const { i18n } = useLingui()\n  const { chainId, account } = useActiveWeb3React()\n\n  const loadedUrlParams = useDefaultsFromURLSearch()\n  const [loadedInputCurrency, loadedOutputCurrency] = [\n    useCurrency(loadedUrlParams?.inputCurrencyId),\n    useCurrency(loadedUrlParams?.outputCurrencyId),\n  ]\n\n  const pairs = (limitOrderPairList.pairs[chainId] || []).map(([token0, token1]) => [token0.address, token1.address])\n\n  // token warning stuff\n  const [dismissTokenWarning, setDismissTokenWarning] = useState<boolean>(false)\n\n  const urlLoadedTokens: Token[] = useMemo(\n    () => [loadedInputCurrency, loadedOutputCurrency]?.filter((c): c is Token => c instanceof Token) ?? [],\n    [loadedInputCurrency, loadedOutputCurrency]\n  )\n  const handleConfirmTokenWarning = useCallback(() => {\n    setDismissTokenWarning(true)\n  }, [])\n\n  // dismiss warning if all imported tokens are in active lists\n  const defaultTokens = useAllTokens()\n  const importTokensNotInDefault =\n    urlLoadedTokens &&\n    urlLoadedTokens.filter((token: Token) => {\n      return !Boolean(token.address in defaultTokens)\n    })\n\n  // for expert mode\n  const [isExpertMode, toggleExpertMode] = useExpertModeManager()\n\n  // Limit order state\n  const { independentField, typedValue, recipient, limitPrice, fromBentoBalance } = useLimitOrderState()\n\n  // Limit order derived state\n  const { currencies, parsedAmounts, walletBalances, bentoboxBalances, currentPrice } = useDerivedLimitOrderInfo()\n\n  // Limit order state handlers\n  const { onSwitchTokens, onCurrencySelection, onUserInput, onChangeRecipient } = useLimitOrderActionHandlers()\n\n  const dependentField: Field = independentField === Field.INPUT ? Field.OUTPUT : Field.INPUT\n\n  const formattedAmounts = {\n    [independentField]: typedValue,\n    [dependentField]: parsedAmounts[dependentField]?.toSignificant(6) ?? '',\n  }\n\n  const maxAmountInput = maxAmountSpend(walletBalances[Field.INPUT])\n\n  const atMaxAmountInput = Boolean(\n    fromBentoBalance\n      ? parsedAmounts[Field.INPUT]?.equalTo(bentoboxBalances[Field.INPUT])\n      : maxAmountInput && parsedAmounts[Field.INPUT]?.equalTo(maxAmountInput)\n  )\n\n  const handleInputSelect = useCallback(\n    (inputCurrency) => {\n      onCurrencySelection(Field.INPUT, inputCurrency)\n    },\n    [onCurrencySelection]\n  )\n\n  const handleMaxInput = useCallback(() => {\n    if (fromBentoBalance) {\n      onUserInput(Field.INPUT, bentoboxBalances[Field.INPUT].toExact())\n    } else {\n      maxAmountInput && onUserInput(Field.INPUT, maxAmountInput.toExact())\n    }\n  }, [bentoboxBalances, fromBentoBalance, maxAmountInput, onUserInput])\n\n  const handleOutputSelect = useCallback(\n    (outputCurrency) => onCurrencySelection(Field.OUTPUT, outputCurrency),\n    [onCurrencySelection]\n  )\n\n  const [animateSwapArrows, setAnimateSwapArrows] = useState<boolean>(false)\n\n  const [currencyInputPanelError, setCurrencyInputPanelError] = useState<string>()\n\n  const checkLimitPrice = useCallback(\n    (limitPrice) => {\n      const parsedLimitPrice = tryParseAmount(\n        limitPrice,\n        (dependentField === Field.INPUT ? currencies[Field.INPUT] : currencies[Field.OUTPUT]) ?? undefined\n      )\n      const parsedCurrentPrice = tryParseAmount(\n        currentPrice?.toSignificant(6),\n        (dependentField === Field.INPUT ? currencies[Field.INPUT] : currencies[Field.OUTPUT]) ?? undefined\n      )\n\n      if (parsedLimitPrice?.lessThan(parsedCurrentPrice)) {\n        setCurrencyInputPanelError(i18n._(t`This transaction is below market rate`))\n      } else {\n        setCurrencyInputPanelError('')\n      }\n    },\n    [currencies, currentPrice, dependentField, i18n]\n  )\n\n  const currencyInputPanelHelperText = useMemo(() => {\n    const parsedLimitPrice = tryParseAmount(\n      limitPrice,\n      (dependentField === Field.INPUT ? currencies[Field.INPUT] : currencies[Field.OUTPUT]) ?? undefined\n    )\n    const parsedCurrentPrice = tryParseAmount(\n      currentPrice?.toFixed(),\n      (dependentField === Field.INPUT ? currencies[Field.INPUT] : currencies[Field.OUTPUT]) ?? undefined\n    )\n\n    if (!parsedLimitPrice || !parsedCurrentPrice || parsedLimitPrice.equalTo(parsedCurrentPrice)) return\n\n    const sign = parsedLimitPrice.greaterThan(parsedCurrentPrice) ? i18n._(t`above`) : i18n._(t`below`)\n    const pct = ((+limitPrice - +currentPrice?.toSignificant(6)) / +currentPrice?.toSignificant(6)) * 100\n    return i18n._(t`${formatPercent(pct)} ${sign} market rate`)\n  }, [limitPrice, dependentField, currencies, currentPrice, i18n])\n\n  useEffect(() => {\n    if (\n      pairs &&\n      currencies[Field.INPUT] &&\n      currencies[Field.OUTPUT] &&\n      !pairs.find((el) =>\n        areEqual(el, [currencies[Field.INPUT].wrapped.address, currencies[Field.OUTPUT].wrapped.address])\n      )\n    ) {\n      setCurrencyInputPanelError('Invalid pair')\n    } else if (currencyInputPanelError === 'Invalid pair') {\n      setCurrencyInputPanelError('')\n    }\n  }, [currencies, currencyInputPanelError, pairs])\n\n  const inputTokenList = useMemo(() => {\n    if (pairs.length === 0) return []\n    return pairs.reduce((acc, [token0, token1]) => {\n      acc.push(token0)\n      acc.push(token1)\n      return acc\n    }, [])\n  }, [pairs])\n\n  const outputTokenList = useMemo(() => {\n    if (pairs.length === 0) return []\n    if (currencies[Field.INPUT]) {\n      return pairs.reduce((acc, [token0, token1]) => {\n        if (currencies[Field.INPUT].wrapped.address === token0) acc.push(token1)\n        if (currencies[Field.INPUT].wrapped.address === token1) acc.push(token0)\n        return acc\n      }, [])\n    }\n    return pairs.reduce((acc, [token0, token1]) => {\n      acc.push(token0)\n      acc.push(token1)\n      return acc\n    }, [])\n  }, [currencies, pairs])\n\n  return (\n    <Container id=\"limit-order-page\" className=\"py-4 space-y-6 md:py-8 lg:py-12\" maxWidth=\"2xl\">\n      <Head>\n        <title>{i18n._(t`Limit order`)} | Sushi</title>\n        <meta\n          name=\"description\"\n          content=\"SushiSwap allows for swapping of ERC20 compatible tokens across multiple networks\"\n        />\n      </Head>\n      <TokenWarningModal\n        isOpen={importTokensNotInDefault.length > 0 && !dismissTokenWarning}\n        tokens={importTokensNotInDefault}\n        onConfirm={handleConfirmTokenWarning}\n      />\n      <ExpertModePanel\n        active={isExpertMode}\n        onClose={() => {\n          onChangeRecipient(null)\n          toggleExpertMode()\n        }}\n      >\n        <DoubleGlowShadow>\n          <div id=\"limit-order-page\" className=\"flex flex-col gap-4 p-4 rounded bg-dark-900\">\n            <ExchangeHeader input={currencies[Field.INPUT]} output={currencies[Field.OUTPUT]} />\n            <div className=\"flex flex-col gap-4\">\n              <CurrencyInputPanel\n                className=\"rounded-t\"\n                id=\"swap-currency-input\"\n                topAdornment={<PayFromToggle />}\n                bottomAdornment={<BalancePanel />}\n                selectComponent={\n                  <CurrencySelect\n                    currency={currencies[Field.INPUT]}\n                    otherCurrency={currencies[Field.OUTPUT]}\n                    label={i18n._(t`You pay`)}\n                    onSelect={handleInputSelect}\n                    currencyList={inputTokenList}\n                    allowManageTokenList={false}\n                  />\n                }\n                inputComponent={\n                  <CurrencyInput\n                    id=\"token-amount-input\"\n                    onMax={handleMaxInput}\n                    showMaxButton={!atMaxAmountInput}\n                    onUserInput={(value) => onUserInput(Field.INPUT, value)}\n                    value={formattedAmounts[Field.INPUT]}\n                  />\n                }\n              />\n              <div className=\"flex flex-row gap-5\">\n                <div />\n                <div className=\"relative flex items-center\">\n                  <div className=\"z-0 absolute w-[2px] bg-dark-800 h-[calc(100%+32px)] top-[-16px] left-[calc(50%-1px)]\" />\n                  <button\n                    className=\"z-10 rounded-full bg-dark-900 p-3px\"\n                    onClick={() => {\n                      onSwitchTokens()\n                    }}\n                  >\n                    <div\n                      className=\"p-2 rounded-full bg-dark-800 hover:bg-dark-700\"\n                      onMouseEnter={() => setAnimateSwapArrows(true)}\n                      onMouseLeave={() => setAnimateSwapArrows(false)}\n                    >\n                      <Lottie\n                        animationData={swapArrowsAnimationData}\n                        autoplay={animateSwapArrows}\n                        loop={false}\n                        className=\"w-[32px] h-[32px]\"\n                      />\n                    </div>\n                  </button>\n                </div>\n                <LimitPriceInputPanel onBlur={(val) => checkLimitPrice(val)} />\n              </div>\n              <CurrencyInputPanel\n                className=\"relative rounded z-1\"\n                id=\"swap-currency-input\"\n                selectComponent={\n                  <CurrencySelect\n                    disabled={!currencies[Field.INPUT]}\n                    currency={currencies[Field.OUTPUT]}\n                    otherCurrency={currencies[Field.INPUT]}\n                    label={i18n._(t`You receive:`)}\n                    onSelect={handleOutputSelect}\n                    currencyList={outputTokenList}\n                    includeNativeCurrency={false}\n                    allowManageTokenList={false}\n                  />\n                }\n                inputComponent={\n                  <CurrencyInput\n                    id=\"token-amount-output\"\n                    showMaxButton={false}\n                    onUserInput={(value) => onUserInput(Field.OUTPUT, value)}\n                    value={formattedAmounts[Field.OUTPUT]}\n                    error={currencyInputPanelError}\n                    endAdornment={\n                      <div className=\"flex flex-col\">\n                        <span className=\"text-xs font-bold text-right text-high-emphesis\">\n                          {currencyInputPanelHelperText}\n                        </span>\n                      </div>\n                    }\n                  />\n                }\n                bottomAdornment={\n                  currencyInputPanelError ? (\n                    <div className=\"z-0 flex items-center justify-center py-2 -mt-2 rounded-b bg-red bg-opacity-20\">\n                      <div className=\"flex items-center gap-2 pt-2\">\n                        <ExclamationIcon className=\"text-red\" width={24} height={24} />\n                        <Typography variant=\"xs\" weight={700}>\n                          {currencyInputPanelError}\n                        </Typography>\n                      </div>\n                    </div>\n                  ) : (\n                    <></>\n                  )\n                }\n              />\n              {recipient !== null ? (\n                <>\n                  <div className=\"relative left-9\">\n                    <ArrowDownIcon className=\"text-high-emphesis\" strokeWidth={2} width={16} height={16} />\n                  </div>\n                  <AddressInputPanel id=\"recipient\" value={recipient} onChange={onChangeRecipient} />\n                  {recipient !== account && (\n                    <Alert\n                      type=\"warning\"\n                      dismissable={false}\n                      showIcon\n                      message={i18n._(\n                        t`Please note that the recipient address is different from the connected wallet address.`\n                      )}\n                    />\n                  )}\n                </>\n              ) : null}\n            </div>\n\n            <div className=\"flex flex-col items-end justify-between w-full gap-4 md:flex-row md:items-center\">\n              {currencies[Field.INPUT] && currencies[Field.OUTPUT] && (\n                <div className=\"flex flex-1\">\n                  <PriceRatio />\n                </div>\n              )}\n              {isExpertMode && recipient === null && (\n                <div\n                  className={`flex flex-1 ${\n                    currencies[Field.INPUT] && currencies[Field.OUTPUT] ? 'justify-center' : ''\n                  }`}\n                >\n                  <div\n                    className=\"flex items-center text-sm underline cursor-pointer text-blue\"\n                    onClick={() => onChangeRecipient('')}\n                  >\n                    {i18n._(t`Change Recipient`)}\n                  </div>\n                </div>\n              )}\n              {!(currencies[Field.INPUT] && currencies[Field.OUTPUT]) && !(isExpertMode && recipient === null) && (\n                <div className=\"flex flex-1\" />\n              )}\n\n              <OrderExpirationDropdown />\n            </div>\n\n            <div className=\"flex flex-col gap-3\">\n              <Alert\n                type=\"information\"\n                title=\"Upgrade Notice\"\n                message={\n                  'In order to incorporate more community filler bots the ability to add new limit orders is temporarily paused. Existing orders are unaffected and can be edited and cancelled at any time'\n                }\n                dismissable={false}\n              />\n              <Button disabled={true} color={'gray'}>\n                {i18n._(t`Limit Orders Disabled`)}\n              </Button>\n              {/*<LimitOrderButton color=\"gradient\" className=\"font-bold\" currency={currencies[Field.INPUT]} />*/}\n            </div>\n          </div>\n        </DoubleGlowShadow>\n      </ExpertModePanel>\n    </Container>\n  )\n}\n\nLimitOrder.Guard = NetworkGuard([ChainId.MATIC])\n\nexport default LimitOrder\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/exchange/limit-order/[[...tokens]]\",\n      function () {\n        return require(\"private-next-pages/exchange/limit-order/[[...tokens]].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/exchange/limit-order/[[...tokens]]\"])\n      });\n    }\n  "],"names":["id","value","onChange","i18n","useLingui","address","loading","useENS","handleInput","useCallback","event","withoutSpaces","target","replace","error","Boolean","length","className","_","onClick","onUserInput","data","useSWR","url","fetch","then","r","json","average","pending","useLimitOrders","NavLink","href","Badge","color","totalOrders","getQuery","input","output","inputCurrency","outputCurrency","allowedSlippage","chainId","useActiveWeb3React","router","useRouter","animateWallet","setAnimateWallet","useState","isRemove","asPath","startsWith","isLimitOrder","activeClassName","pathname","query","currencyId","ChainId","width","height","viewBox","fill","xmlns","d","Settings","placeholderSlippage","TokenWarningModal","isOpen","tokens","onConfirm","handleDismiss","onDismiss","maxHeight","handleCurrencySelect","walletBalances","bentoboxBalances","currencies","useDerivedLimitOrderInfo","useLimitOrderActionHandlers","maxAmountInput","maxAmountSpend","Field","dispatch","useDispatch","handleMaxInput","bento","toExact","setFromBentoBalance","Typography","variant","weight","toSignificant","groupSeparator","symbol","showMaxButton","onMax","endAdornment","classNames","Button","size","Input","val","CurrencyInputPanel","topAdornment","bottomAdornment","selectComponent","inputComponent","currency","otherCurrency","showCommonBases","onSelect","label","currencyList","disabled","includeNativeCurrency","allowManageTokenList","modalOpen","setModalOpen","handleClick","type","CurrencyLogo","style","maxWidth","animationData","selectCoinAnimation","autoplay","loop","slice","CurrencySearchModal","onCurrencySelect","selectedCurrency","otherSelectedCurrency","active","children","onClose","onBlur","limitPrice","useLimitOrderState","currentPrice","setLimitPrice","placeholder","OUTPUT","INPUT","NeonSelectItem","e","open","toggle","useToggle","node","useRef","useOnClickOutside","undefined","ref","strokeWidth","orderExpiration","items","OrderExpiration","handler","item","setOrderExpiration","QuestionHelper","text","Object","entries","map","k","v","fromBentoBalance","checked","parsedAmounts","inverted","setInverted","price","Price","baseAmount","quoteAmount","invert","prevState","fillRule","clipRule","LimitOrder","account","loadedUrlParams","useDefaultsFromURLSearch","loadedInputCurrency","loadedOutputCurrency","useCurrency","inputCurrencyId","outputCurrencyId","pairs","limitOrderPairList","token0","token1","dismissTokenWarning","setDismissTokenWarning","urlLoadedTokens","useMemo","filter","c","Token","handleConfirmTokenWarning","defaultTokens","useAllTokens","importTokensNotInDefault","token","isExpertMode","toggleExpertMode","useExpertModeManager","independentField","typedValue","recipient","onSwitchTokens","onCurrencySelection","onChangeRecipient","dependentField","formattedAmounts","atMaxAmountInput","equalTo","handleInputSelect","handleOutputSelect","animateSwapArrows","setAnimateSwapArrows","currencyInputPanelError","setCurrencyInputPanelError","checkLimitPrice","parsedLimitPrice","tryParseAmount","parsedCurrentPrice","lessThan","currencyInputPanelHelperText","toFixed","sign","greaterThan","pct","formatPercent","useEffect","find","el","first","second","i","includes","areEqual","wrapped","inputTokenList","reduce","acc","push","outputTokenList","Container","name","content","DoubleGlowShadow","onMouseEnter","onMouseLeave","swapArrowsAnimationData","AddressInputPanel","Alert","dismissable","showIcon","message","title","Guard","NetworkGuard","window","__NEXT_P"],"sourceRoot":""}